<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>箭头函数</title>
</head>
<body>
<p>箭头函数提供了一种更加简洁的函数书写方式。基本语法是：参数=>函数体.箭头函数多用于**匿名函数**的定义</p>
</body>
<script>
    //定义单参数带返回值的函数
    var fun1 = function (msg){
        return msg + "world";
    }
    //调用函数
    var massage = fun1("hello");
    console.log(massage)//helloworld

    //使用箭头函数的方式 =>
    var fun2 = x => x + "word";
    console.log(fun2("hi"))//hiword

    //多个参数的箭头函数，不能省略(）
    //=>箭头左侧表示参数列表，箭头右侧是方法体
    var add = (m,n) => m+n;
    console.log(add(3,4));//7

    //加入模板字串
    console.log(`3+4=${add(3,4)}`)//3+4=7
</script>
</html>